<%--
  Created by IntelliJ IDEA.
  User: Hasee
  Date: 2018/11/6
  Time: 9:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Traveller</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/htmleaf-demo.css">
    <link rel="stylesheet" href="bootstrap/css/gallery-clean.css">
    <link rel="stylesheet" href="bootstrap/css/fluid-gallery.css">
    <link rel="stylesheet" href="bootstrap/css/gallery-grid.css">
    <link rel="stylesheet" href="bootstrap/css/css/baguetteBox.min.css">
    <link rel="stylesheet" href="bootstrap/css/thumbnail-gallery.css">
</head>
<body>
<br>
<jsp:include page="navBar.jsp"/>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="carousel slide" id="carousel-108400">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-108400">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-108400">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-108400">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="bootstrap/images/广州.jpg"/>
                        <div class="carousel-caption">
                            <h2>
                                广州
                            </h2>
                            <p>
                                广州，简称穗，别称羊城、花城，是广东省省会、副省级市、国家中心城市、超大城市、国际大都市、国际商贸中心、国际综合交通枢纽、国家综合性门户城市，首批沿海开放城市，是南部战区司令部驻地 [1-2]  。广州地处广东省中南部，珠江三角洲北缘，濒临南海，邻近香港、澳门，是中国通往世界的南大门，是粤港澳大湾区、泛珠江三角洲经济区的核心城市以及一带一路的枢纽城市。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="bootstrap/images/杭州.jpg"/>
                        <div class="carousel-caption">
                            <h2>
                                杭州
                            </h2>
                            <p>
                                杭州，简称“杭”，浙江省省会、副省级市、长江三角洲城市群中心城市、环杭州湾大湾区核心城市、杭州都市圈核心城市  、沪嘉杭G60科创走廊中心城市  、国际重要的电子商务中心 ，位于中国东南沿海、浙江省北部、钱塘江下游、京杭大运河南端，是浙江省的政治、经济、文化、教育、交通和金融中心。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="bootstrap/images/上海.jpg"/>
                        <div class="carousel-caption">
                            <h2>
                                上海
                            </h2>
                            <p>
                                上海，简称“沪”或“申”，是中国共产党的诞生地，中华人民共和国直辖市、国家中心城市、超大城市，国际经济、金融、贸易、航运、科技创新中心和综合交通枢纽，首批沿海开放城市。上海地处长江入海口，是长江经济带的龙头城市、G60科创走廊核心城市。隔东中国海与日本九州岛相望，南濒杭州湾，北、西与江苏、浙江两省相接。
                            </p>
                        </div>
                    </div>
                </div> <a class="left carousel-control" href="#carousel-108400" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-108400" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
        </div>
    </div>
</div>
</div>
<br><br><br>
<hr  width="60%"   color="black">

<div class="container">
    <div class="row clearfix">
        <div class="col-md-4 column">
            <font face="华文新魏" size="4">查询机票:</font>
            <form class="form-horizontal" role="form" action="TicketController" method="post">
                <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">出发地点</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputEmail3" name="city" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">到达地点</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputPassword3" name="city2"/>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword4" class="col-sm-2 control-label">出发时间</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputPassword4" name = "time1"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <center><button type="submit" class="btn btn-default" style="width:270px;">查询</button></center>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-md-8 column">
            <div class="media">
                <embed src="guangzhou.mp4" height="250" width="100%">
            </div>
        </div>
    </div>
</div>
</div>
<br><br><br>
<div class="container">
    <center><font size="5" color="black" face="华文彩云">最新旅游攻略</font></center><br>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row">
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="bootstrap/images/gz.jpg" />
                        <div class="caption">
                            <h3>
                                广州
                            </h3>
                            <p>
                                广州是国家历史文化名城，从秦朝开始，广州一直是郡治、州治、府治的行政中心；一直是华南地区的政治、军事、经济、文化和科教中心，是岭南文化的发源地和兴盛地。广州从3世纪30年代起成为海上丝绸之路的主港，是世界著名的东方港市。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">详细信息</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="bootstrap/images/hz.jpg" />
                        <div class="caption">
                            <h3>
                                杭州
                            </h3>
                            <p>
                                杭州自秦朝设县治以来已有2200多年的历史，曾是吴越国和南宋的都城。因风景秀丽，素有“人间天堂”的美誉。杭州得益于京杭运河和通商口岸的便利，以及自身发达的丝绸和粮食产业，历史上曾是重要的商业集散中心。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">详细信息</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="bootstrap/images/bj.jpg" />
                        <div class="caption">
                            <h3>
                                北京
                            </h3>
                            <p>
                                北京是国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年历史孕育了故宫、天坛、长城、颐和园等众多名胜古迹。公元938年以来，北京先后成为辽陪都、金中都、元大都、明、清国都。
                            </p>
                            <br>
                            <p>
                                <a class="btn btn-primary" href="#">详细信息</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<br><br>
<div class="related">
    <jsp:include page="footer.jsp"/>    </div>
</body>
</html>